<template>
  <div class="layout_main">
  	<div class="page-wrap">
	  	<header class="header">
			<el-menu :default-active="activeTab" mode="horizontal" class="container-wapper">
				<el-menu-item index="1" class="header-item">生活创作</el-menu-item>
				<el-submenu index="2" class="header-item">
					<template slot="title">实用工具</template>
					<el-menu-item index="2-1">前端</el-menu-item>
					<el-menu-item index="2-2">网站</el-menu-item>
					<el-menu-item index="2-3">理财</el-menu-item>
				</el-submenu>
				<el-menu-item index="blogList" class="header-item">全部博客</el-menu-item>
			</el-menu>
	  	</header>
	  	<section class="content">
	  		<nuxt/>
	  	</section>

  	</div>
    <footer class="footer">
    	<p>Designed by lixiaotong</p>
    	<p>Copyright© 2009-2017 李小桐</p>
    </footer>
  </div>
</template>
<script>
	export default {
		asyncData (){
			return {
			};
		},
		data (){
			return {
				activeTab : 'blogList'
			};
		},
	};
</script>
